<template>
	<view class="add-contacks">
		<view class="tel-box">
			<input type="tel" placeholder="请输入手机号码" placeholder-style="color: #999999">
		</view>
		<view class="message-box">
			<textarea name="" id="" placeholder="发送信息至手机号码" placeholder-style="color: #999999"></textarea>
		</view>
		<view class="send-message">
			<text>发送信息</text>
		</view>
	</view>
</template>
<script>
export default {
    data() {
       return{

       } 
    },
}
</script>
<style lang="less" scoped>
	.tel-box{
		margin: 0 32rpx;
		padding: 40rpx 0;
		position: relative;
		font-weight: bold;
		&::after{
			position: absolute;
			content: '';
			left: 0;
			bottom: 0;
			width: 200%;
			height: 2rpx;
			background-color: #E2E4EA;
			transform: scale(.5) translateX(-50%);
			
		}
	}
	.message-box{
		margin: 40rpx 32rpx 0;
		font-weight: bold;
		textarea{
			width: 100%;
		}
	}
	.send-message{
		margin: 80rpx 32rpx 0;
		height: 94rpx;
		line-height: 94rpx;
		border-radius: 20rpx;
		background-color: #28C2CD;
		color: #fff;
		font-size: 32rpx;
		text-align: center;
	}
</style>